<html style="width: 100%;height: 100%;">
<head>
<meta charset="utf-8">
<meta  name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=1">
<meta name="apple-mobile-web-app-capable" content="no">
<meta name="format-detection" content="telephone=no">
<meta name="x5-fullscreen" content="true">
	<title>个人简历</title>
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body style="width: 100%;height: 100%;">
	 <!-- Swiper -->
    <div class="swiper-container" style="width: 100%;height: 100%;margin: 0;padding: 0;">
        <div class="swiper-wrapper" style="width: 100%;height: 100%;">
            <div class="swiper-slide" style="width: 100%;height: 100%;">
            <embed width="200" height="200" border="0" src="images/music.mp3" hidden="true" autostart="ture" loop="ture"></embed>

                <div class="ani msgpic" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="0.6s"><img src="images/1477221903118.jpg"></div>
                <div class="ani imgpic" swiper-animate-effect="fadeInDown" swiper-animate-duration="1.5s" swiper-animate-delay="1.4s"><img src="images/1477221904384.jpg"></div>
                <div class="ani penpic" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="2.3s"><img src="images/1477221904666.jpg"></div>
                 <div class="ani msgfont" swiper-animate-effect="rollIn" swiper-animate-duration="1.5s" swiper-animate-delay="2.7s"><p>简历亲启</p></div>
                 <div class="ani backgroundpic" swiper-animate-effect="fadeIn" swiper-animate-duration="4.5s" swiper-animate-delay="0.5s"><img src="images/1477221904877.jpg"></div>	
                 <p class="ani msgfont2" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="3s">请慢用</p>
                 <p class="ani msgfont3" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="4s">故事即将开始</p>
            </div>



            <div class="swiper-slide" style="width: 100%;height: 100%;">
            <p class="ani fontmsg" swiper-animate-effect="fadeOut" swiper-animate-duration="2.3s" swiper-animate-delay="0.1s">故事的开始总会有一段旅程</p>	
               <div class="ani backgroundpic" swiper-animate-effect="fadeIn" swiper-animate-duration="4.5s" swiper-animate-delay="0.5s"><img src="images/1477221904877.jpg"></div>	
               <div class="ani fontmsg2" swiper-animate-effect="rollIn" swiper-animate-duration="1.5s" swiper-animate-delay="1.5s"><p class="ani" swiper-animate-effect="rollOut" swiper-animate-duration="1.5s" swiper-animate-delay="5.5s">Vic</p>	</div>

               <div class="ani backpic" swiper-animate-effect="fadeIn" swiper-animate-duration="3.5s" swiper-animate-delay="2.3s"><img src="images/1477221904454.jpg"></div>	
               <div class="ani minpic" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="3s" swiper-animate-delay="1.5s"><img src="images/1477221904735.jpg"></div>
               <div class="ani thefont1" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="1.5s" swiper-animate-delay="2s">本人自学能力强,工作积极心细</div>
               <div class="ani thefont2" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="1.5s" swiper-animate-delay="3s">具有良好的团队合作精神</div>
               <div class="ani thefont3" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="1.5s" swiper-animate-delay="4s">敢于挑战自我,按质按量的完成任务</div>
               <div class="ani minpic2" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="3s" swiper-animate-delay="2.5s"><img src="images/1477221904735.jpg"></div>
               <div class="ani minpic3" swiper-animate-effect="rotateInUpLeft" swiper-animate-duration="3s" swiper-animate-delay="3.5s"><img src="images/1477221904735.jpg"></div>
            </div>





            <div class="swiper-slide" style="width: 100%;height: 100%;">
             <p class="ani msgbackground" swiper-animate-effect="fadeOut" swiper-animate-duration="2.3s" swiper-animate-delay="0.1s" >回想当初，再看现在</p>	
               <div class="ani backgroundpic" swiper-animate-effect="fadeIn" swiper-animate-duration="4.5s" swiper-animate-delay="0.5s"><img src="images/1477221904877.jpg"></div>
               <div class="ani the3font1" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="1.5s" swiper-animate-delay="2s">我坚信</div>
               <div class="ani the3font2" swiper-animate-effect="rotateInUpRight" swiper-animate-duration="1.5s" swiper-animate-delay="2s">只有胜利才能生存，只有成功才有代价，只有耕耘才有收获。</div>
                
                <div class="ani backgroundpic3" swiper-animate-effect="fadeInLeft" swiper-animate-duration="4.5s" swiper-animate-delay="1.5s"><img src="images/1477221905695.jpg"></div>
            	<div class="btn"><button id="enter">进入体验</button></div>
            </div>
           
        </div>
    </div>
    <div id="mainContent" style="overflow: hidden;background: url(images/1477221904877.jpg) no-repeat;">
    	<div id="header" style="height: 50px;line-height: 50px;font-size: 30px;font-family: '微软雅黑';font-weight: 300;color: green;width: 100%;overflow: hidden;background: none;"><button id="photo">相机</button> scroller<button id="scan">二维码</button></div>
		<div id="wrapper" style="overflow: hidden;top: 100px;">
			<div id="scroller">
				<ul style="height: 1000px;position: absolute;z-index: 9999;" id="killer">
        </ul>
			</div>
		</div>

		<div id="footer" style="background: none;">
			<div id="skill">
				技能
			</div>

			<div id="work">
				经历
			</div>

			<div id="project">项目</div>

			<div id="me">我</div>

		</div>
    </div>

	<script type="text/javascript"  src="js/index.js"></script>
</body>
</html>